<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--
   都是表示盒子
     div 被称为块级元素  会独自霸占一行
     span 被称为行内元素  不会霸占一行 在一行内显示。
-->
   <div style="background-color: crimson;width: 100px;height: 100px">我是大娃。</div>
   <span>我是二娃。</span>
   <span>我是三娃。</span>
   <div>我是四娃。</div>
</body>
</html>